<!--
Author: W3layouts
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
-->
<!DOCTYPE html>
<html>
<head>
<title>Moderns现代化房间设计html5家居设计家具手机wap网站模板免费下载【http://www.lanrenmb.com/shenghuofuwu/jiaji/】</title>
<link href="css/bootstrap.css" rel='stylesheet' type='text/css' />
<!-- Custom Theme files -->
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<!-- Custom Theme files -->
<script src="js/jquery.min.js"></script>
<!-- Custom Theme files -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="Moderns Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template, 
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<!--webfont-->
<link href='http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'>
</head>
<body>
	<!-- header-section-starts -->
	<div class="full">
			<div class="menu">
				<ul id="navigation">
					<li class="home">
						<a href="index.html">Home</a>
					</li>
					<li class="about">
						<a href="about.html">About</a>
					</li>
					<li class="photos">
						<a href="blog.html">Blog</a>
					</li>
					<li class="podcasts">
						<a class="active" href="404.html">Gallery</a>
					</li>
					<li class="contact">
						<a href="contact.html">Contact</a>
					</li>
				</ul>
			</div>
				<script type="text/javascript">
					$(function() {
						$('#navigation a').stop().animate({'marginLeft':'-120px'},1000);

						$('#navigation > li').hover(
							function () {
								$('a',$(this)).stop().animate({'marginLeft':'-2px'},10);
							},
							function () {
								$('a',$(this)).stop().animate({'marginLeft':'-120px'},10);
							}
						);
					});
				</script>

		<div class="main">
		<div class="header">
			<div class="top-header">
				<div class="logo">
					<a href="index.html"><img src="images/logo.png" alt="" /></a>
				</div>
				<div class="search">
					<form>
						<input type="text" value="Search.." onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Search..';}"/>
						<input type="submit" value="">
					</form>
				</div>
				<div class="clearfix"></div>
			</div>
			<div class="header-info">
				<h1>SALE <span>GET UP TO 50% OFF</span></h1>
				<p class="review">Free Shipping</p>
				<p class="review">New Arrivals</p>
				<p class="special">The special bond that develops between plus-sized inflatable robot Baymax, and prodigy Hiro Hamada, who team up with a group of friends to form a band of high-tech heroes.</p>
				<a class="book hvr-shutter-in-vertical" href="#">BUY NOW</a>
			</div>
		</div>
		<div class="review-slider">
			 <ul id="flexiselDemo1">
			<li><a href="single.html"><img src="images/r1.jpg" alt=""/></a></li>
			<li><a href="single.html"><img src="images/r2.jpg" alt=""/></a></li>
			<li><a href="single.html"><img src="images/r3.jpg" alt=""/></a></li>
			<li><a href="single.html"><img src="images/r4.jpg" alt=""/></a></li>
			<li><a href="single.html"><img src="images/r5.jpg" alt=""/></a></li>
			<li><a href="single.html"><img src="images/r6.jpg" alt=""/></a></li>
		</ul>
			<script type="text/javascript">
		$(window).load(function() {
			
		  $("#flexiselDemo1").flexisel({
				visibleItems: 6,
				animationSpeed: 1000,
				autoPlay: true,
				autoPlaySpeed: 3000,    		
				pauseOnHover: false,
				enableResponsiveBreakpoints: true,
				responsiveBreakpoints: { 
					portrait: { 
						changePoint:480,
						visibleItems: 2
					}, 
					landscape: { 
						changePoint:640,
						visibleItems: 3
					},
					tablet: { 
						changePoint:768,
						visibleItems: 4
					}
				}
			});
			});
		</script>
		<script type="text/javascript" src="js/jquery.flexisel.js"></script>	
		</div>
		<div class="news">
			<div class="col-md-6 news-left-grid">
				<h3>We offer luxury bed linen</h3>
				<h2>at excellent prices</h2>
				<h4>Easy, simple & fast.</h4>
				<a href="#" class="hvr-shutter-in-vertical">BUY NOW</a>
				<p>Get Discount up to <strong>10%</strong> if you are a member!</p>
			</div>
			<div class="col-md-6 news-right-grid">
				<h3>News</h3>
				<div class="news-grid">
					<a href="single.html">Lorem Ipsum Dolor Sit Amet</a>
					<label>Nov 11 2014</label>
					<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo.</p>
				</div>
				<div class="news-grid">
					<a href="single.html">Lorem Ipsum Dolor Sit Amet</a>
					<label>Nov 11 2014</label>
					<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo.</p>
				</div>
				<div class="news-grid-button">
					<a class="more" href="#">MORE</a>
				</div>
			</div>
			<div class="clearfix"></div>
		</div>
		<div class="product">
			<h3>Featured products</h3>
			<div class="product-grids">
				<div class="col-md-3 product-grid">
					<a href="single.html"><img src="images/b2.jpg" alt="" /></a>
					<h5>Maecenas molestie dui vitae tellus ullamcorper, nec blandit diam suscipit.</h5>
					<p>$234.00</p>
				</div>
				<div class="col-md-3 product-grid">
					<a href="single.html"><img src="images/b3.jpg" alt="" /></a>
					<h5>Maecenas molestie dui vitae tellus ullamcorper, nec blandit diam suscipit.</h5>
					<p>$300.00</p>
				</div>
				<div class="col-md-3 product-grid">
					<a href="single.html"><img src="images/b4.jpg" alt="" /></a>
					<h5>Maecenas molestie dui vitae tellus ullamcorper, nec blandit diam suscipit.</h5>
					<p>$275.00</p>
				</div>
				<div class="col-md-3 product-grid">
					<a href="single.html"><img src="images/b1.jpg" alt="" /></a>
					<h5>Maecenas molestie dui vitae tellus ullamcorper, nec blandit diam suscipit.</h5>
					<p>$200.00</p>
				</div>
				<div class="clearfix"> </div>
			</div>
		</div>
		<div class="footer">
			<div class="footer-grids">
				<div class="col-md-3 footer-left">
					<h3>About</h3>
					<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry galley of type and scrambled it to make a type specimen book......</p>
				</div>
				<div class="col-md-3 footer-left touch">
					<h3>Get in touch</h3>
					<ul>
						<li>Los Angeles</li>
						<li>CA, United States</li>
						<li>Phone:+1 234 456 7890</li>		
						<li>Email: <a href="mailto:info@example.com">info@example.com</a></li>
					</ul>
				</div>
				<div class="col-md-3 footer-left footer-nav">
					<h3>Follow Us</h3>
					<ul>
						<li><a href="#" class="facebook">Facebook +</a> </li>
						<li><a href="#" class="twitter">Twitter +</a></li>
						<li><a href="#" class="dribbble">Dribbble +</a></li>
						<li><a href="#" class="pinterest">pinterest +</a></li>
					</ul>
				</div>
				<div class="col-md-3 footer-left footer-nav">
					<h3>Copyright</h3>
					<p><a href="http://www.lanrenmb.com/">懒人模板</a></p>
				</div>
				<div class="clearfix"> </div>
			</div>
		</div>	
	</div>
	</div>
	<div class="clearfix"></div>
</body>
</html>